<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>YAML | Example &quot;2col_left_31&quot;</title>
<link href="../css/2col/2col_left_31.css" rel="stylesheet" type="text/css"/>
<!--[if lte IE 7]>
<link href="../css/2ol/patches/patch_2col_left_31.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="../js/addevent.js"></script>
<script type="text/javascript" src="../js/slide2.js"></script>
</head>
<body>
<!-- skip link navigation -->
<ul id="skiplinks">
	<li><a class="skip" href="#nav">Skip to navigation (Press Enter).</a></li>
	<li><a class="skip" href="#col1">Skip to main content (Press Enter).</a></li>
</ul>

<div class="page_margins">
  <div class="page">
    <div id="header" role="banner">
      <div id="topnav" role="contentinfo">
        <span><a href="#">Login</a> | <a href="#">Contact</a> | <a href="#">Imprint</a></span>
      </div>
      <h1>Example | Beispiel <em>&laquo;2col_left_31&raquo;</em></h1>
      <span>YAML &#8226; (X)HTML/CSS Framework</span>
    </div>
    <!-- begin: main navigation #nav -->
    <div id="nav" role="navigation">
      <div class="hlist">
        <ul>
          <li><a href="../index.html">Table Of Contents</a></li>
          <li><a href="2col_right_13.html">Next Example</a></li>
          <li><a href="2col_left_13.html">Previous Example</a></li>
        </ul>
      </div>
    </div>
    <!-- end: main navigation -->
    <!-- begin: main content area #main -->
    <div id="main">
      <!-- begin: #col1 - first float column -->
      <div id="col1" role="main">
        <div id="col1_content" class="clearfix">
        	<h2>Column  #col1</h2>
			<div class="subcolumns">
				<div class="coin-slider" id="coin-slider-games">
					<div id="games">
						<ol id="gamesbg">
							<li>
								<a href="http://www.minininjas.com/" target="_blank">
									<img src="images/mini_ninjas.jpg" alt="Mini Ninjas">
								</a>
							</li>
							<li>
								<a href="http://www.princeofpersiagame.com/" target="_blank">
									<img src="images/prince_of_persia.jpg" alt="Price of Persia">
								</a>
							</li>
							<li>
								<a href="http://spidermandimensions.marvel.com/" target="_blank">
									<img src="images/spiderman_shattered_dimensions.jpg" alt="Spiderman: Shattered Dimensions">
								</a>
							</li>
							<li>
								<a href="http://brinkthegame.com/" target="_blank">
									<img src="images/brink.jpg" alt="Brink">
								</a>
							</li>
							<li>
								<a href="http://www.godofwar.com/" target="_blank">
									<img src="images/god_of_war_3.jpg" alt="God of War III">
								</a>
							</li>
							<li>
								<a href="http://www.borderlandsthegame.com/" target="_blank">
									<img src="images/borderlands.jpg" alt="Borderlands">
								</a>
							</li>
							<li>
								<a href="http://www.swtor.com/" target="_blank">
									<img src="images/star_wars_the_old_republic.jpg" alt="Star Wars: The Old Republic">
								</a>
							</li>
							<li>
								<a href="http://www.batmanarkhamasylum.com/" target="_blank">
									<img src="images/batman_arkham_asylum.jpg" alt="Batman: Arkham Asylum">
								</a>
							</li>
						</ol>
					</div>
					<div id="grid"></div>
				</div>
			</div>
          <h3>Lorem ipsum ... </h3>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada   suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque.   Vivamus viverra. Duis dolor arcu, lacinia sit amet, sollicitudin sed, aliquet   vel, quam. Pellentesque molestie laoreet tortor. Aenean quam. Pellentesque magna   metus, venenatis sit amet, congue nec, dictum in, est. Aliquam nibh. </p>
        </div>
      </div>
      <!-- end: #col1 -->
      <!-- begin: #col3 static column -->
      <div id="col3" role="complementary">
        <div id="col3_content" class="clearfix">
          <h2>Column  #col3</h2>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada   suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque.   Vivamus viverra. Duis dolor arcu, lacinia sit amet, sollicitudin sed.</p>
          <blockquote>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam malesuada   suscipit pede. Nullam ipsum lacus, varius vel, nonummy in, consequat ut, neque.   Vivamus viverra. Duis dolor arcu, lacinia sit amet, sollicitudin sed, aliquet   vel, quam. Pellentesque molestie laoreet tortor. </p>
          </blockquote>
          <p>Nulla vitae mauris. Phasellus vel ligula quis dolor bibendum egestas. Duis a   massa ut orci varius placerat. Sed leo nulla, tempor nec.</p>
        </div>
        <div id="ie_clearing">&nbsp;</div>
        <!-- End: IE Column Clearing -->
      </div>
      <!-- end: #col3 -->
    </div>
    <!-- end: #main -->
    <!-- begin: #footer -->
    <div id="footer" role="contentinfo">Footer with copyright notice and status information<br />
Layout based on <a href="http://www.yaml.de/">YAML</a></div>
    <!-- end: #footer -->
  </div>
</div>
<!-- full skiplink functionality in webkit browsers -->
<script type="text/javascript" src="../js/focusfix.js"></script>
<script type="text/javascript">
slide2();
</script>
</body>
</html>
